<template>
  <div class="faq-brand-area bg_cover" style="background-image: url(/assets/images/faq-bg.png);">
    <div class="container">
      
      <div class="row">
        <div class="col-lg-7">
          <div class="faq-items">
            <div class="faq-thumb">
              <img src="/assets/images/faq-thumb.png" alt="">
            </div>
            <div class="faq-content">
              <p>为了可以 <br> 享受更优质的服务 <br> 建议您注册 <br> 与登录</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>


<script>
  import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper';
  import 'swiper/css/swiper.css';

  export default {
    name: "FaqBrandArea",
    components: {
      Swiper,
      SwiperSlide
    },
    directives: {
      swiper: directive
    },
    data() {
      return {
        swiperOptions: {
          slidesPerView : 5,
          loop: true,
          speed: 1000,
          spaceBetween : 30,
          autoplay: {
            delay: 3000,
            disableOnInteraction: false
          },
          // Responsive breakpoints
          breakpoints: {
            1024:{
              slidesPerView : 5
            },
            768:{
              slidesPerView : 4
            },
            640:{
              slidesPerView : 3
            },
            320:{
              slidesPerView : 2
            }
          }
        }
      }
    },
  }
</script>

<style scoped>

</style>
